<?php 
$appId = 'wxe214ac48790c622f';
$secret = '62d3091e10b72a50a8a2c4f758a799b2';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='./'; 
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>URARA</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/swiper.min.css">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/animate.min.css">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#302418;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.p-b, .thebg, .bigbg, .p19bg{position:absolute;width:100%;top:0;left:0;}
.hide{display:none;}
.animated{animation-duration:1s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.animated.d8s{animation-delay: .8s;}
.animated.delay-1s {animation-delay: 1s;}
.p1-b2{position:absolute;width:100%;bottom:0;left:0;}
.p-m{position:absolute;z-index:2;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}


.p-b1{position:absolute;width:100%;display:block;top:0;left:0;}
.g1, .g2{position:absolute;z-index:2;}
.a100{position:absolute;width:100%;left:0;display:block;}
.de1{-webkit-animation-delay: 1s;animation-delay: 1s;}
.dd5{-webkit-animation-delay: .5s;animation-delay: .5s;}
.dd15{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.dd12{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.arr, .arw{animation: arr 2s ease-in-out infinite;-webkit-animation: arr 2s ease-in-out infinite;} 
.arw{position:absolute;bottom:2%;}
</style>
</head>
<body>
<div class="container">
	   <div class="swiper-container p-s">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                 <img class="bigbg" src="<?php echo $cdnUrl; ?>img/p1.jpg" />
                 <div class="thebg">
                   <img class="p1-t1 a100 animated zoomIn" src="<?php echo $cdnUrl; ?>img/p1-t1.png" />
                   <img class="p1-t2 a100 dd5 animated fadeIn" src="<?php echo $cdnUrl; ?>img/p1-t2.png" />
                   <img class="p1-t3 a100 dd5 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p1-t3.png" />
                   <img class="p1-t4 simg dd12 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/p1-t4.png" />
                   <img class="p1-t5 a100 dd15 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/p1-t5.png" />
                 </div>
              </div>
              
               
               
               
              <div class="swiper-slide p19">
                 <div class="p19bg">
                 <img class="bigbg p19x animated fadeIn" src="<?php echo $cdnUrl; ?>img/p19.jpg" />
                 </div>
              </div>
              
          </div>
        </div> 
	 
    
     
    
     
    
</div>
 
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/swiper.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script><?php include 'js.php'; ?></body></html>